@import 'less/variables.less';
@import 'less/mixins.less';
@import 'less/typography.less';
@import 'less/ngStyles.less';
@import 'less/about.less';
@import 'less/slider.less';


html, body {
	height: 100%;
}

body {
	margin: 0;
	overflow: hidden;
	background-color: rgba(255, 255, 255, 0);
	color: @fontcolor-light;
	font-family: @font-family;
}

.wrapper {
	width: 100%;
	height: 100%;

	.row {
		margin: 0;
	}

	header {
		.nav {
			.navbar-header {
				.navbar-brand  {
					color: @primary;
					font-size: @fontsize-large;
					font-family: @font-special;
				}
			}
		}
	}

	.content {
		width: 100%;
		height: 100%;

		section {
			.box-sizing();
			width: 100%;
			height: 100%;
		}

		article {
		}
	}

}


.home {
	.background-cover();
	background-image: url(@homeBkgd);
	background-position: left top;
	// padding-top: 50px;

	article {
		padding-top: 75px;
	}
}

.results {
	.background-cover();
	background-image: url(@resultsBkgd);
	background-position: center center;
}

.videos {
	.background-cover();
	background-image: url(@videoBkgd);
	background-position: center center;
}

.contact {
	.background-cover();
	background-image: url(@contactBkgd);
	background-position: bottom left;

	h1 {
		margin-top: 0;
		padding-top: 20px;
	}

	form {
		margin: 50px auto 0 auto;
		width: 400px;
	}

	.btn-primary {
		background-color: @primary;
		border-top-color: darken(@primary, 5%);
		border-left-color: darken(@primary, 10%);
		border-right-color: darken(@primary, 10%);
		border-bottom-color: darken(@primary, 20%);

		&:hover, &.hover, &[hover] {
			background-color: darken(@primary, 10%);
			border-top-color: darken(@primary, 15%);
			border-left-color: darken(@primary, 20%);
			border-right-color: darken(@primary, 20%);
			border-bottom-color: darken(@primary, 30%);
		}
	}
}

.sponsors {
	.background-cover();
	background-image: url(@sponsorBkgd);
	background-position: center center;
}